<template>
  <div class="home">
    <header>
      <MyNav></MyNav>
    </header>
    <div class="homeContent">
      <router-view></router-view>
    </div>

  </div>
</template>

<script>
import MyNav from '@/components/myNav/MyNav.vue'

export default {
  name: 'Home',
  components: {
    MyNav
  }
}
</script>
<style>
.homeContent {
  flex: 1;
  padding: 10px 30px;
  background: #f2f2f2;
}

.pageName {
  color: #999999;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  padding: 10px 30px;
}

.searchBox {
  padding: 10px 10px;
  display: flex;
  align-content: center;
}

label {
  margin-left: 10px;
}

.noGapLabel {
  margin: 0px;
}

.pagination {
  margin-top: 10px;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain {
  background: #909399;
  border-color: #909399;
  color: #FFF;
}

</style>>